<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.box{width:1000px; height:140px; background:red;}
.list{
	margin:0;
	padding:0;
	list-style-type:circle;
	/*circle 空心圆 disc 默认=缺省 square 正方形 none 无*/
    /*把图片作为列表的点*/
    list-style-image:url(../day2/zuoye/img/disc.jpg);
	/*框选项目符 ps Ctrl+c ctrl+n ctrl+v ctrl+s 成功保存一张图片     Ctrl++ Ctrl+- 放大缩小图片   Ctrl+d 取消选择*/
    list-style-position:outside;
    /*位置 改变样式的位置*/
}

.box1{width:400px; height:400px; background:#6c9;
 border-top-width:50px;
  border-top-color:blue; 
  border-top-style:groove;
  /*solid 颜色块的效果 dotted 点的效果 dashed 虚线 double双线
  groove有层次两个色块，类似相框效果 ridge相对于groove效果的色调对换*/
   border-right-color:yellow; 
   border-right-width:50px; 
   border-right-style:groove;
    border-bottom-color:orange; 
	border-bottom-style:groove;
	 border-bottom-width:50px; 
	 border-left-color:black; 
	 border-left-style:groove; 
	 border-left-width:50px;
}

</style>
</head>

<body>
<div class="box">
<ul class="list">
<li>呵呵</li>
<li>哈哈</li>
<li>嘻嘻</li>
<li>嘿嘿</li>
<li>啪啪</li>
</ul>
</div>
<div class="box1"></div>


</body>
</html>
